<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<title>Campus Smart Food</title>
	<meta http-equiv="Content-Type" content="text/html" charset=utf-8" />
	<meta name="title" content="Web site" />
	<meta name="description" content="Campus Smart Food Inc" />
	<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
	<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>  
	
    <script>
    $(function() {
        $( "#tabs" ).tabs();
		$( "input[type=submit], a, button" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });				
    });
    </script>	
</head>

<body>
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner">
<div id="topLogin">
<font face="verdana,arial" size=-1>
<center><table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
<tr><td bgcolor="red"><table width='100%'><tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Enter your login and password</b></font></th></tr>
<tr><td bgcolor="white" style="padding:5"><br>
<form method="post" action="" name="aform" target="_top">
<center><table>
<tr><td><font face="verdana,arial" size=-1>Access Card #:</td><td><input type="text" name="card_number"></td></tr>
<tr><td><font face="verdana,arial" size=-1>PIN:</td><td><input type="password" name="pin_code"></td></tr>
<tr><td><font face="verdana,arial" size=-1>&nbsp;</td><td><font face="verdana,arial" size=-1><input type="submit" value="Enter"></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</td></tr>
</table></center>
</form>
</td></tr></table></td></tr></table>
</div>
</div>
<div id="topnav">
<ul>
<li id="current" style="border: medium none ;"> <a href="#" shape="rect">Home</a> </li>
<li> <a href="#" shape="rect">My Profile</a>
</li>
<li> <a href="#" shape="rect">Visualization</a>
</li>
</ul>
</div>
<!-- end top wrapper -->
<div id="wrapper">
<div id="bg">
<div class="clear vmenu" id="header"></div>
<div id="page"><!-- begin container -->
<div id="container"><!-- content -->
<div id="content"><!-- place content here -->

<div id="midnav">
 
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Order Menu</a></li>
        <li><a href="#tabs-2">Review</a></li>        
    </ul>
    <div id="tabs-1">
	
		<table border="1" cellspacing="10">
		<tr valign ="top">
		<td id="order_item_summary">

		<div id="check-items">
        
			<div id="check-title">
				<p class="rest_name">Asian Restaurant</p>                
			</div>        
		
			<div id="check-items-heading" class="fine_print">
				<span class="qty_heading">Qty</span>
				<span class="item_heading">Item</span>
				<span class="price_heading">Price</span>
			</div>

			<ul>  
				<!-- Add the odd item -->
				<li class="single-check-item oddItem">
					<span class="check-item-quantity">					
						<div class="check-item-quanity-value">1</div>					
					</span>
					<span class="check-item-details">					
						Roast Pork Rice					
					</span>
					<span class="rest_type check-item-price">
						$7.95
					</span>
				</li>
				
				<!-- Add the even item -->
				<li class="single-check-item">
					<span class="check-item-quantity">					
						<div class="check-item-quanity-value">1</div>					
					</span>
					<span class="check-item-details">					
						Beef Noodle Soup					
					</span>
					<span class="rest_type check-item-price">
						$6.85
					</span>
				</li>	

				<li class="single-check-item oddItem">
					<span class="check-item-quantity">					
						<div class="check-item-quanity-value">1</div>					
					</span>
					<span class="check-item-details">					
						Roast Pork Rice					
					</span>
					<span class="rest_type check-item-price">
						$7.95
					</span>
				</li>
				
				<li class="single-check-item">
					<span class="check-item-quantity">					
						<div class="check-item-quanity-value">1</div>					
					</span>
					<span class="check-item-details">					
						Beef Noodle Soup					
					</span>
					<span class="rest_type check-item-price">
						$6.85
					</span>
				</li>					

				<li class="check-totals">
					<div class="totalRow">
						<span class="label">
							Subtotal
						</span>
						<span class="value">
							$4.95
						</span>
					</div>        
				</li>
			</ul>		
		</div>
		

		</td>		
		<td>

			<div id="order_control">
			  <h4>&nbsp Choose Order Type:</h4>
				
			  <ul>
				<li id="delivery_type">
					<form id="delivery_info" class="jqtransform">
					  <input type="radio" name="order_type" value="picup" checked="checked">Pickup<br><br>
					  <input type="radio" name="order_type" value="delivery">Delivery: <b>[*$15 charge will apply]</b> <br>
									
					<table class="address_table" border="0" cellpadding="2">
							<tr><td>Name: &nbsp  </td><td colspan="2"><input align="right" type="text" name="contact_name" /></td></tr>
							<tr><td>Phone: &nbsp </td><td colspan="2"><input id="order_phone" align="right" type="text" name="zip" /></td></tr>
							<tr><td>Street:&nbsp </td><td colspan="6"><input  class="address_street" type="text" name="street" /></td></tr>
							<tr><td>City: &nbsp  </td><td><input class="address_city" align="right" type="text" name="city" /></td>
								<td>State: &nbsp </td><td><input class="address_state" align="right" type="text" name="state" value="CA" disabled="disabled"/></td>
								<td>Zip: &nbsp </td><td><input class="address_zip" align="right" type="text" name="zip" /></td></tr>				
					</table>					  
					  
					</form>
				</li>
			  </ul>
		  
			  <h4>&nbsp Choose Payment Type:</h4>
				
			  <ul class="payment_control">
				<li id="payment_type">
					<form id="payment_info" class="jqtransform">
					  <input type="radio" name="order_type" value="accessCard" checked="checked">Pay by Access card <b>[10% off]</b><br><br>
					  <input type="radio" name="order_type" value="creditCard">Pay by Credit Card: <br>
					  <br>
					  <label class="payment_label">Billing Address: </label>
						<table class="address_table" border="0" cellpadding="2">														
							<tr><td>Street:&nbsp </td><td colspan="6"><input  class="address_street" type="text" name="street" /></td></tr>
							<tr><td>City: &nbsp  </td><td><input class="address_city" align="right" type="text" name="city" /></td>
								<td>State: &nbsp </td><td><input class="address_state" align="right" type="text" name="state" /></td>
								<td>Zip: &nbsp </td><td><input class="address_zip" align="right" type="text" name="zip" /></td></tr>				
						</table>						  
						<table class="credit_table" border="1" cellpadding="2">							
							<tr><td>Credit Type: &nbsp </td><td><input type="radio" name="creditType" value="visa" checked="checked">Visa </td>
								<td colspan="2"><input type="radio" name="creditType" value="master">Master </td>
							<tr><td>Name: &nbsp  </td><td><input type="text" name="city" /></td>
							<tr><td>Credit Card Number:&nbsp </td><td><input  type="text" name="creditNum" /></td>
								<td>CSV: &nbsp  </td><td><input class="credit_csv" align="right" type="text" name="creditCSV" /></td>							
							<tr><td>Expiration Date: &nbsp  </td><td><input type="date" name="creditExpDate" /></td>				
						</table>				

					
					</form>
				</li>
			  </ul>
      				
				
				
			</div>

		</td>
		</tr>
		</table>


		
		
		<div id="bottom">
		<p></p>


		<button id="edit_order" class="menu_buttons" onclick="location.href='order.html'">Edit Order</button>

		<button id="proceed_order" class="menu_buttons" onclick="">Proceed to Order</button>


		<p></p>
		</div>

	</div><!-- end of tab1 -->
    
    <div id="tabs-2">
        <p>Restaurant Review.</p>
    </div> 
</div><!-- end of tabs -->
</div><!-- end of midnav -->


</div><!-- end of Content -->



<div class="clear" style="height: 40px;"></div>


</div><!-- end content --> 




</div><!-- end container --> 
<div id="footerWrapper">

<div id="footer">
<br />&copy; 2012 CampusSmartFood. All rights reserved. Created by <a href="http://www.campussmartfood.com">CampusSmartFood</a>
</div>
</div>

</div><!-- end bg -->>
</div><!-- end wrapper -->
</body></html>